<!--设置模块唯一ID-->
<div id="cyy_rukubiao">
<!--标题、面包屑-->
<section class="content-header">
    <h1>
        入库表
        <small>产业园</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li>产业园</li>
        <li class="active">入库表</li>
    </ol>
</section>
<!--列表-->
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <div class="btn-group pull-left" data-type="actionBar">
                        <!--<button type="button" class="btn btn-default" data-action="addByForm"><i class="fa fa-plus"></i> 添加</button>-->
                        <!--<button type="button" class="btn btn-default" data-action="modify"><i class="fa fa-pencil"></i> 修改</button>-->
                        <!--<button type="button" class="btn btn-default" data-action="delete"><i class="fa fa-remove"></i> 删除</button>-->
                    </div>
                    <div class=" pull-right" data-type="columnControl">
                    </div>
                    <div class=" pull-right " data-type="searchControl">
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="box-body">
                    <table class="table table-bordered table-striped table-hover" style=""></table>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
    USEN(function () {
        //模块ID(全系统唯一)
        var id = "#cyy_rukubiao";
        var addId = "cyy_rukubiao_add";
        var modifyId = "cyy_rukubiao_modify";

        //定义页面变量
        var $el = $(id);
        var $actionBar = $el.find("[data-type=actionBar]");
        var tableId = id + " table.table";
        var $table = $(tableId);
        var myTable;


        //定义增\删\改 方法
//        var editor = {
//            add: function () {
//                USEN.load(USEN.router[addId]);
//            },
//            remove: function (data) {
//                USEN.modal({
//                    title: "提示",
//                    content: "是否删除这条数据?",
//                    submitTxt: "删除",
//                    submitCb: function ($el) {
//                        $.ajax({
//                            url: "./simdata/common_remove_action.json",
//                            data: data,
//                            success: function (result) {
//                                USEN.notifyAlert({
//                                    title: "提示:",
//                                    content: '删除成功.'
//                                });
//                                $el.modal("hide");
//                                if (myTable) myTable.ajax.reload();
//                            }
//                        })
//                    }
//                })
//            },
//            modify: function () {
//                USEN.load(USEN.router[modifyId]);
//            }
//        };
//
//        // 绑定列表编辑按钮事件
//        $actionBar.find("[data-action]").on("click", function () {
//            var action = $(this).data("action");
//            var $selected = $table.find('tr.selected');
//            switch (action) {
//                case "addByForm" :
//                    editor.add();
//                    break;
//                case "modify" :
//                    if ($selected.length > 0) {
//                        editor.modify(myTable.row($selected).data());
//                    } else {
//                        //提示"请选中要修改的行"
//                        USEN.modal({
//                            title: "提示",
//                            content: "请选中要修改的行.",
//                            cancelBtn: true,
//                            cancelTxt: "关闭"
//                        })
//                    }
//                    break;
//                case "delete" :
//                    if ($selected.length > 0) {
//                        editor.remove(myTable.row($selected).data());
//                    } else {
//                        //提示"请选中要修改的行"
//                        USEN.modal({
//                            title: "提示",
//                            content: "请选中要修改的行.",
//                            cancelBtn: true,
//                            cancelTxt: "关闭"
//                        })
//                    }
//                    break;
//            }
//        });

        //初始化datatable数据列表
        myTable = new USEN.Datatable({

            //设置ID
            "id": tableId,
            //设置列控制模块容器
            "columnControl": id + " [data-type=columnControl]",
            //设置搜索模块容器
            "searchControl": id + " [data-type=searchControl]",
            //每行"操作"自定义action按钮回调
//            onItemAction: function ($tr, action) {
//                switch (action) {
//                    case "modify" :
//                        editor.modify(this.row($tr).data());
//                        break;
//                    case "delete" :
//                        editor.remove(this.row($tr).data());
//                        break;
//                }
//            },
            //配置服务
            "ajax": "./simdata/common_table_ation.json",
            //列设置
            "columns": [
                { "title": "操作人", "data": "p2"},
                { "title": "入库时间", "data": "p3"},
                { "title": "备注", "data": "p18" },
				{ "title": "操作",  "data": null, bSortable: false, width: '200px', render: function (data, type, full, meta) {
                    return  '<button data-item-action="modify" class="btn btn-success">查看</button>&nbsp;&nbsp;' 
                            
                } }
            ]
        })
    });
</script>
</div>